#{extends 'CRUD/layout.html' /}
#{set title:messages.get('crud.list.title', type.name) /}

<div id="crudList" class="${type.name}">

    <h2 id="crudListTitle">&{'crud.list.title', type.name}</h2>

    <div id="crudListSearch">
        #{crud.search /}
    </div>

    <div id="crudListTable">
        #{crud.table fields:['nombre', 'descripcion', 'rutaImg']}

         <!--   #{crud.custom 'descripcion'}
                <a href="#" class="descripcion" data-type="text" data-pk=${object.id} data-url="/post" data-title="Descripción">${object.descripcion}</a>
            #{/crud.custom} -->

        #{/crud.table}
    </div>

    <div id="crudListPagination">
        #{crud.pagination /}
    </div>

    <p id="crudListAdd">
        <a href="@{blank()}">&{'crud.add', type.modelName}</a>
    </p>

</div>

<!--<script>
    $(document).ready(function() {
    $.fn.editable.defaults.mode = 'inline';
    $('.descripcion').editable(); 
});
</script>-->